<template>
	<view>
		<view class="communitypowder gui-flex gui-align-items-center">
			<view class="gui-margin-x gui-flex gui-align-items-center">
				<view>
					<image :src="data.mainImg" style="height: 100rpx;width: 100rpx;border-radius: 50%;"></image>
				</view>
				<view class="gui-margin-x">
					<text>{{data.title}}</text>
					<text class="gui-block gui-text gui-color-gray">{{data.describe}}</text>
				</view>
			</view>
			<view class="gui-margin-x">
				<button class="buttonName">{{data.buttonName}}</button>
			</view>
		</view>
	</view>
</template>
<script>
export default{
	name  : "notice",
	props : {
		data         : {type:Object, default:function(){return [];}},

	},
	data() {
		return {
			tapping : false,
		}
	},

	created() {
		console.log("storenotecard",this.data)
	},
	
	methods:{
		tapme : function(){
			this.$emit('tapme', this.data);
		}
	},
	emits : ['tapme']
}
</script>
<style>
	.communitypowder{
		height: 150rpx;
		width: 100%;
		justify-content: space-between;
	}
	.buttonName{
		height: 80rpx;
		color: white;
		background-color: red;
		line-height: 80rpx;
		font-size: 30rpx;
	}
</style>